<template>
	<view>
		<button type="primary" >这是一个按钮</button>
		<view>分隔符</view>
		<button type="warn" class="top">{{PI1}}</button>
		<input type="text" placeholder="请输入搜索内容" placeholder-style="color:orange"/>
		<div>
			<h2>{{sum(1,10)}}</h2>
		</div>
	</view>
</template>

<script lang="ts" setup>
import {PI1,sum,type PP} from "@/common/typescript/Math1";
import {onMounted, onUpdated, ref,computed} from "vue";
import {onLoad,onReady} from "@dcloudio/uni-app"
const count = ref(0);
const state = ref(true)

onLoad(()=>{
	console.log("onLoad,页面生命周期钩子!");
	console.log("1和3的合为"+sum(1,3));
})

onMounted(()=>{
	console.log("onMounted,组件生命周期函数");
	console.log("PI的数值为"+PI1);
})


</script>

<style lang="scss" scoped>
$myColor:#f88111;

.top{
	background-color: $myColor;
}
</style>
